@charset "utf-8";
*,::after,::before{box-sizing:border-box}
html{font-size:62.5%}
body{background-color:#fff;color:#3e454c;font-size:1.6rem;font-family:microsoft yahei, Arial, Helvetica, sans-serif; }
body::after{clear:both;display:table;content:""}
a{color:#666;text-decoration:none; outline:none;}
.cd-main-content .content-wrapper{padding:0;}
.cd-main-content .content-wrapper h1{padding:3em 0;text-align:center;font-size:2rem}
.cd-main-content::before{display:none;content:'mobile'}
@media only screen and (min-width:768px){
/*.cd-main-content .content-wrapper{margin-left:110px;}*/
.cd-main-content .content-wrapper h1{padding:4em 0;font-weight:300;font-size:3.2rem}
.cd-main-content::before{content:'tablet'}
}
@media only screen and (min-width:1170px){
/*.cd-main-content .content-wrapper{margin-left:200px}*/
.cd-main-content::before{content:'desktop'}
}
.cd-main-header{position:absolute;top:0;left:0;z-index:2;width:100%;height:50px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.cd-main-header::after{clear:both;display:table;content:""}
@media only screen and (min-width:768px){.cd-main-header{position:relative;height:55px}
}
.cd-logo{float:left;display:block;margin:11px 0 0 5%}
.cd-logo img{display:block}
@media only screen and (min-width:768px){.cd-logo{margin:16px 0 0 36px}
}
.cd-nav-trigger{position:relative;float:right;display:block;overflow:hidden;margin-right:5%;width:34px;height:44px;color:#fff;white-space:nowrap}
.cd-nav-trigger:hover,.cd-nav-trigger:focus{ color:#fff;}
.cd-nav-trigger span,.cd-nav-trigger span::after,.cd-nav-trigger span::before{position:absolute;display:inline-block;width:24px;height:3px;background:#bc0c16}
.cd-nav-trigger span{position:absolute;top:50%;right:5px;margin-top:-2px;-webkit-transition:background .2s;-moz-transition:background .2s;transition:background .2s}
.cd-nav-trigger span::after,.cd-nav-trigger span::before{right:0;content:'';-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-ms-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-ms-transform-origin:0 50%}
.cd-nav-trigger span::before{top:-6px}
.cd-nav-trigger span::after{top:6px}
.cd-nav-trigger.nav-is-visible span{background:0 0}
.cd-nav-trigger.nav-is-visible span::after,.cd-nav-trigger.nav-is-visible span::before{background:#bc0c16;}
.cd-nav-trigger.nav-is-visible span::before{-webkit-transform:translateX(4px) translateY(-3px) rotate(45deg);-moz-transform:translateX(4px) translateY(-3px) rotate(45deg);-o-transform:translateX(4px) translateY(-3px) rotate(45deg);transform:translateX(4px) translateY(-3px) rotate(45deg);-ms-transform:translateX(4px) translateY(-3px) rotate(45deg)}
.cd-nav-trigger.nav-is-visible span::after{-webkit-transform:translateX(4px) translateY(2px) rotate(-45deg);-moz-transform:translateX(4px) translateY(2px) rotate(-45deg);-o-transform:translateX(4px) translateY(2px) rotate(-45deg);transform:translateX(4px) translateY(2px) rotate(-45deg);-ms-transform:translateX(4px) translateY(2px) rotate(-45deg)}
@media only screen and (min-width:768px){.cd-nav-trigger{display:none}
}
.cd-search{position:relative;margin:1.2em 5% .6em}
.cd-search.is-hidden{opacity:0}
.cd-search::before{position:absolute;top:50%;bottom:auto;left:8px;width:16px;height:16px;background:url(../img/cd-search.svg) no-repeat 0 0;content:'';-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.cd-search input{padding-left:32px;width:100%;height:36px;border:0;border-radius:.25em;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.cd-search input:focus{outline:0}
@media only screen and (min-width:768px){.cd-search{float:left;display:inline-block;margin:0 0 0 2.5em;width:250px;height:100%}
.cd-search.is-hidden{opacity:1}
.cd-search::before{left:1em;background-position:0 -16px}
.cd-search form,.cd-search input{width:100%;height:100%}
.cd-search input{padding-left:2.6em;border:0;border-left:1px solid #51575d;border-radius:0;background-color:#3e454c;color:#fff}
.cd-search input::-webkit-input-placeholder{color:#777c81}
.cd-search input::-moz-placeholder{color:#777c81}
.cd-search input:-moz-placeholder{color:#777c81}
.cd-search input:-ms-input-placeholder{color:#777c81}
}
.cd-nav{display:none}
@media only screen and (min-width:768px){.cd-nav{float:right;display:block;height:100%}
}
.cd-top-nav>li>a::before{display:none}
.cd-top-nav>li a{padding:1em 5%!important}
.cd-top-nav img{position:absolute;top:50%;bottom:auto;left:1.8em;display:none;width:20px;height:20px;border-radius:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
@media only screen and (min-width:768px){.cd-top-nav{height:100%}
.cd-top-nav a{display:block;color:#fff;font-size:1.4rem}
.cd-top-nav>li{display:inline-block;margin-right:1em;height:100%}
.cd-top-nav>li:last-of-type{margin-right:0}
.cd-top-nav>li a{padding:1em .6em!important}
.cd-top-nav img{display:block}
}
@media only screen and (min-width:1170px){
.cd-top-nav li:not(.has-children) a:hover{color:#1784c7}
}
.cd-side-nav{position:absolute;top:0;left:0;z-index:1;visibility:hidden;overflow:hidden;padding:45px 0 0;width:100%;max-height:100vh;background-color:rgba(255,255,255,0.85);opacity:0;-webkit-transition:opacity .2s 0s,visibility 0s .2s;-moz-transition:opacity .2s 0s,visibility 0s .2s;transition:opacity .2s 0s,visibility 0s .2s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.cd-side-nav.nav-is-visible{visibility:visible; background-color:#fff; overflow:visible;max-height:none;box-shadow:0 2px 10px rgba(0,0,0,.2);opacity:1; }
.cd-side-nav>ul{padding:.6em 0}
.cd-side-nav>ul:last-of-type{padding-bottom:0}
.cd-side-nav .cd-label,.cd-side-nav a{display:block;padding:1em 5%}
.cd-side-nav .cd-label{color:#646a6f;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:1rem}
.cd-side-nav a{position:relative;color:#fff;font-size:1.4rem}
.cd-side-nav ul.cd-top-nav>li:last-of-type>a{border-bottom:0}
.cd-side-nav>ul>li>a{padding-left:calc(5% + 24px); }
.cd-side-nav>ul>li>a::before{position:absolute;top:50%;bottom:auto;left:5%;width:16px;height:16px;background:url(../img/cd-nav-icons.svg) no-repeat 0 0;content:'';-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.cd-side-nav>ul>li.overview>a::before{background-position:-64px 0}
.cd-side-nav>ul>li.notifications>a::before{background-position:-80px 0}
.cd-side-nav>ul>li.comments>a::before{background-position:-48px 0}
.cd-side-nav>ul>li.bookmarks>a::before{background-position:-32px 0}
.cd-side-nav>ul>li.images>a::before{background-position:0 0}
.cd-side-nav>ul>li.users>a::before{background-position:-16px 0}
.cd-side-nav .count{position:absolute;top:50%;right:calc(5% + 16px + .4em);bottom:auto;padding:.2em .4em;border-radius:.25em;background-color:#ff7e66;color:#fff;text-align:center;font-weight:700;font-size:1.2rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.cd-side-nav .action-btn a{display:block;margin:0 5%;padding:1em 0;border:0;border-radius:.25em;background-color:#1784c7;box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2);color:#fff;text-align:center;font-weight:700}
.cd-side-nav .action-btn a::before{display:none}
@media only screen and (min-width:768px){
.cd-side-nav{position:fixed;top:auto;float:left;left:0;visibility:visible;overflow:visible;padding-top:30px;box-shadow: 0 0 6px #999; width:140px;max-height:none;min-height:100vh;opacity:1}
.cd-side-nav.nav-is-visible{box-shadow:none}
.cd-side-nav.is-fixed{position:fixed; z-index:1000;}
.cd-side-nav>ul{padding:0}
.cd-side-nav .cd-label{display:none}
.cd-side-nav a{text-align:left;font-size:15px; color:#333;}
.cd-side-nav>ul>li>a{padding:calc(2.2em + 24px) 0 2.4em}
.cd-side-nav>ul>li>a::before{top:2.4em;right:auto;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%)}
.cd-side-nav .activea>a{ color:#bc0c16; }
.cd-side-nav>ul>li{ position:relative;}
.cd-side-nav .activea:after { content:""; height:2px; width:70px; background:#bc0c16; position: absolute; left:58px; bottom:7px; transition: 666ms;}

.cd-side-nav .activea>a>i{ color:#bc0c16;}
.cd-side-nav li>a:hover>i{ color:#bc0c16;}
.cd-side-nav li>a>i{ color:#999; font-size:18px; margin-right:4px;}
.cd-side-nav .action-btn a{margin:1em 10% 0}
.cd-side-nav .count{top:2em;right:auto;left:calc(50% + 5px);padding:0;width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px rgba(0,0,0,.2);color:transparent;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%)}
}
@media only screen and (min-width:1170px){
.cd-side-nav{width:200px}
.cd-side-nav>ul{padding:.6em 0}
.cd-side-nav>ul>li:not(.action-btn):hover>a{ color:#bc0c16; text-decoration:none;}
.cd-side-nav>ul>li>a{ border-bottom:0;text-align:left}
.cd-side-nav>ul>li>a::before{top:50%;bottom:auto;left:18px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.cd-side-nav .cd-label{display:block;padding:1em 18px}
.cd-side-nav .action-btn{text-align:left}
.cd-side-nav .action-btn a{margin:0 18px}
.no-touch .cd-side-nav .action-btn a:hover{background-color:#1a93de}
.cd-side-nav .count{top:50%;right:18px;bottom:auto;left:auto;padding:.2em .4em;width:auto;height:auto;border-radius:.25em;box-shadow:none;color:#fff;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
}
.cd-side-nav>ul>li>a{padding:1.2em 1em 1.2em 30px;}
.has-children ul{position:relative;display:none;width:100%;background-color:#f6f6f6;}
.has-children>a::after{position:absolute;top:50%;right:5%;bottom:auto;width:16px;height:16px;background:url(../img/cd-arrow.svg);content:'';-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.has-children.selected>ul{display:block}
.has-children.selected>a::after{-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg)}
@media only screen and (min-width:768px){
.has-children{position:relative}
.has-children ul{position:absolute;top:0;left:100%;padding:0;width:160px; }
.has-children ul a{padding:1em;border:0;text-align:left}
.no-touch .has-children ul a:hover{color:#1784c7}
.has-children>a::after{display:none}
.cd-side-nav .has-children.selected>a{background-color:#33383e}
.cd-top-nav .has-children{position:relative;background-color:#2c3136}
.cd-top-nav .has-children>a{padding:0 calc(1.8em + 22px)!important;height:100%;line-height:3.4375rem}
.cd-top-nav .has-children>a::after{right:1.8em;display:block}
.cd-top-nav .has-children ul{top:100%;right:0;left:auto;width:200px;background-color:#1c1f22;box-shadow:0 1px 10px rgba(0,0,0,.2)}
.cd-top-nav .has-children ul a{padding-left:18px!important}
}
.indexsearch{ display:block; position:relative; width:160px; margin:10px auto 0;}
.indexsearch input{ width:100%; line-height:40px; padding:0; border:none; background-color:#f7f7f7; font-size:14px; padding:0 6px;}
.indexsearch button{ position:absolute; right:0px; top:10px; border:none; background:none; border-left:1px solid #d9d1ce; font-size:20px; color:#4f231d;}
.location{width:140px; margin-left:30px; margin-top:20px;}
.location p{ font-size:13px; color:#4d201a; line-height:18px; margin-bottom:10px;}
.location p span{ display:inline-block; width:18px; height:30px; float:left;}
.location p span i{ font-size:16px; color:#4d201a;}
.logo a img{ max-width:100%; display:block; margin:0 auto;}
.clear{ clear:both; height:0px;}
@media only screen and (min-width:1170px){
.has-children>ul{z-index:1;width:100%}
.has-children ul a{padding-left:18px; font-size:15px; color:#555;}
.has-children ul a:hover{ color:#bc0c16;}
.has-children.active>ul{position:relative;left:0;display:block;box-shadow:none}
.cd-side-nav .has-children.hover>ul,.no-touch .cd-side-nav .has-children:hover>ul{display:block;visibility:visible;opacity:1}
}
@media only screen and (max-width:1400px){
.cd-side-nav>ul>li>a{padding:1em 1em 1em 30px;}
.indexsearch{ margin:0px auto 0;}
}
@media only screen and (max-width:1300px){
.cd-side-nav{ padding-top:15px;}
}
@media only screen and (max-width:1170px){
.indexsearch{ display:none; }
.cd-side-nav>ul>li>a{padding:1em 1em 1em 15px;}
.location{width:80%; margin-left:15px; margin-top:20px;}
.location p span{ height:50px; float:left;}
.cd-side-nav .activea:after {left:42px; }
}
@media only screen and (max-width:768px){
.cd-side-nav > ul > li > a{ font-size:15px; color:#333;}
.cd-side-nav > ul{ margin-top:35px;}
.cd-side-nav a {color: #666;}
}
/*第一屏*/
.page1 .slide a{ display:block; position:relative;}
.banner_word{ position:absolute; left:25%; top:10%;}
.banner_word h2{ font-size:48px; color:#fff; font-weight:bold; margin-bottom:30px;}
.word_back{ width:90%; max-width:730px; padding:30px; background-color:rgba(0,0,0,0.37); box-sizing:border-box;}
.word_back p{ font-size:14px; color:#fff; line-height:36px; padding-left:15px; background:url(../images/rdot.png) no-repeat 0 15px;}
.ban_list{ width:100%; height:100%}
.ban_list a{width:100%; height:100%; display:block; overflow:hidden;}


/*第二屏*/
.page2{ background:url(../images/page2.jpg) no-repeat center center; background-size:cover;}
.pagecontent{ padding-left:200px; box-sizing:border-box;}
.index_title h2{font-size:30px; color:#5f2018; line-height:40px;}
.index_title p{font-size:12px; color:#999999; line-height:16px; text-transform:uppercase; font-family:Arial;}
.index_title{ padding-left:56px; background:url(../images/inew.png) no-repeat 0 center;}
.newbox{ box-sizing:border-box; }
.newbox .tab_menu{overflow:hidden; max-width:70%; float:right; text-align:right;}
.newbox .tab_menu li{ float:left; line-height:44px; padding:0 30px; font-size:16px; color:#666; text-align:center;cursor:pointer;}
.newbox .tab_menu li.current{color:#fff;background:#bc0a20;}
.newbox .tab_menu li a{color:#fff;text-decoration:none;}
.newbox .tab_box{ margin-top:60px; padding-left:56px; }
.newbox .tab_box .hide{display:none;}
.newbox .index_title{ width:30%; float:left;}
.newimg{ padding-right:60px;box-sizing:border-box;}
.newimg a{ display:block; background-color:#fff;}
img,a{ transition:all 0.3s;}
.inew_img{ overflow:hidden;}
.inew_img img{ width:100%;}
.newimg:hover .inew_img img{ transform:scale(1.1);}
.newdis{ padding:15px 30px;}
.newdis h3{font-size:16px; color:#333; line-height:30px; overflow:hidden; height:30px; max-width:100%; text-overflow:ellipsis; white-space:nowrap}
.newdis p{font-size:14px; color:#666; line-height:30px; font-family:Arial; background:url(../images/nright.png) no-repeat right top; }
.newimg:hover .newdis h3{color:#bc0c16;}
.inew_list{ padding-left:70px;box-sizing:border-box; padding-top:20px;}
.newtime{ width:90px; height:90px; border-radius:50%; background-color:#bc0c16; color:#fff; box-sizing:border-box; padding:10px; text-align:center;}
.newtime p{font-size:24px; color:#fefefe; line-height:35px;font-family:Arial; border-bottom:1px solid rgba(255,255,255,0.4);}
.newtime span{ display:block; font-size:14px; color:#fefefe; line-height:20px;font-family:Arial; margin-top:4px;}
.inew_list ul li a{ display:block; margin-bottom:30px;}
.inew_list ul li a .media-body{ padding-left:10px;}
.inew_list ul li a h3{font-size:16px; color:#333; line-height:30px; overflow:hidden; height:30px; max-width:100%; text-overflow:ellipsis; white-space:nowrap}
.inew_list ul li a .media-body p{font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden; }
.inew_list ul li a:hover h3{ color:#bc0c16;}
.newbox{ padding-bottom:5%;}
.inew_list ul li a .media-body span{font-size:13px; color:#666; line-height:24px; display:none; }
@media (max-width: 1370px) {
.inew_list{ padding-left:0px; padding-top:0;}
.newbox .tab_box{padding-left:0px; }
.newimg{ padding-right:40px;}
}
@media (max-width: 1279px) {
.newbox{ padding-bottom:0%;}
}
@media (max-width:1169px) {
.pagecontent{ padding-left:140px;}
}
@media (max-width:991px) {
.newbox .tab_menu li{ padding:0 20px; font-size:15px; }
.pagecontent{ padding-left:100px;}
.index_title h2 { font-size:18px; line-height:31px;}
}
@media (max-width:900px) {
.inew_list ul li a .media-body span{display:block;}
.inew_list ul li a .media-left{ display:none;}
.newimg{ padding-right:20px;}
.newbox .tab_menu li{ padding:0 4px; font-size:14px; line-height:34px;}
}
@media (max-width:768px) {
.page2{ background:url(../images/page2s.jpg) no-repeat center center; background-size:cover;}
.fp-controlArrow.fp-prev {left:20px;}
.fp-controlArrow.fp-next {right:30px;}
.pagecontent{ padding-left:0; padding-top:10px;}
.cd-logo img{ height:40px;}
.cd-logo{ margin-top:6px;}
.newbox .index_title{ width:100%; float:none; margin-bottom:10px;}
.newbox .tab_menu{ max-width:100%; float:none; }
.newimg{ display:none;}
.index_title h2{font-size:18px; color:#5f2018; line-height:31px;}
.newbox .tab_box{ margin-top:20px; }
.inew_list ul li a{ display:block; margin-bottom:4px;}
.newbox{ padding-bottom:0%;}
.inew_list{ padding-left:5px;}
}
/*第三屏*/
.page3{ background:url(../images/page3.jpg) no-repeat center center; background-size:cover;}
.about li{ width:33.33%; float:left; height:560px;}
.atop , .abottom{ height:280px;}
.about{ margin-top:60px;}
.abottom{ box-sizing:border-box; padding-top:50px; text-align:center; color:#fff;}
.abottom h3{font-size:20px; color:#fff; line-height:30px; margin-bottom:10px;}
.abottom p{font-size:14px; color:#fff; line-height:30px;}
.abottom a{ display:block; margin:12px auto 0; width:140px; height:35px; border:1px solid #fff; text-align:center; line-height:32px; font-size:14px; color:#fff;}
.about li:hover .abottom a{ background-color:#fff; color:#982134;}



@media (max-width:1300px) {
.about li{ height:460px;}
.atop , .abottom{ height:230px;}
}
@media (max-width:992px) {
.about li{ height:400px;}
.atop , .abottom{ height:200px;}
.abottom{ padding-top:20px; }
}
@media (max-width:768px) {
.abouts { margin-top:10px;}
.abouts li{ width:100%; }
.abouts li .atop{ width:50%; float:left; overflow:hidden; height:125px;}
.abouts li .abottom{ width:50%; float:left;overflow:hidden; height:125px; background-color:#982134;}
.abottom{ padding-top:15px; }
.abottom h3{font-size:15px;line-height:20px; margin-bottom:4px; font-weight:bold;}
.abottom p{ line-height:18px; font-size:12px;}
.abottom a{ margin:8px auto 0;height:30px; line-height:28px; width:90px; font-size:12px; }
.about{ margin-top:20px;}
}
/*第四屏*/
.page4{ background:url(../images/page4.jpg) no-repeat center center; background-size:cover;}
.productbox{ box-sizing:border-box; }
.productbox .tab_menu{overflow:hidden; max-width:70%; float:right; text-align:right;}
.productbox .tab_menu li{ float:left; line-height:44px; padding:0 30px; font-size:16px; color:#666; text-align:center;cursor:pointer;}
.productbox .tab_menu li.current{color:#fff;background:#bc0a20;}
.productbox .tab_menu li a{color:#fff;text-decoration:none;}
.productbox .tab_box{ margin-top:60px; }
.productbox .tab_box .hide{display:none;}
.productbox .index_title{ width:30%; float:left;}
.product_adv{ width:20%; float:left;}
.product_adv .owl-nav{ display:none;} 
.product_adv .owl-dots{ position:absolute; bottom:3px; right:10px;}
.product_adv .owl-theme .owl-dots .owl-dot span {width:8px;height:8px;margin:5px 2px; background:#fff; border-radius:50%;}
.product_adv .owl-theme .owl-dots .owl-dot.active span,.product_adv .owl-theme .owl-dots .owl-dot:hover span {background:#bc0a20;}
.product_list{ width:80%; float:left; box-sizing:border-box; padding-left:15px;}
.pro_list a{ display:block; overflow:hidden;}
.pro_list a img{ width:100%;}
.pro_list a h3{ font-size:16px; color:#333; line-height:40px; overflow:hidden; height:40px; max-width:100%; text-overflow:ellipsis; white-space:nowrap;}
.pro_list a p{ font-size:14px; color:#666; line-height:24px; overflow:hidden;}
.pro_dis{ border-top:1px solid #ccc; margin-top:10px;}
.pro_list a span{ display:block; font-size:14px; color:#666; line-height:24px; margin-top:10px;}
.pro_dis h3{ padding-left:10px; background:url(../images/san.png) no-repeat 0 center;}
.pro_dis p{ height:72px; overflow:hidden;}
.pro_list a:hover h3{ color:#bc0c16;}
.pro_list a:hover img{ transform:translateY(-4px);}
.pro_list .owl-dots{ display:none;}
.pro_list .owl-nav{ position:absolute; right:0px; margin-top:0; bottom:-30px;} 
.pro_list .owl-nav span{ display:inline-block; width:32px; height:32px; line-height:30px; font-size:20px; background-color:#fff;}
.pro_list .owl-nav [class*=owl-]:hover { background-color:#bc0c16;} 
.product_list .owl-theme .owl-nav .owl-prev:hover span{ background-color:#bc0c16 ;} 
.product_list .owl-theme .owl-nav .owl-next:hover span{ background-color:#bc0c16 ;} 
@media (max-width:1350px) {
.pro_dis p{ height:48px; }
.pro_list a span{ font-size:13px; margin-top:5px;}
}
@media (max-width:1100px) {
.product_adv{ display:none;}
.product_list{ width:100%; float:none; }
}
@media (max-width:768px) {
.productbox .tab_box{ margin-top:10px; }
.product_list{ padding-left:0px;}
.productbox .index_title{ width:100%; float:none;}
.productbox .tab_menu{ max-width:100%; float:none; margin-top:10px;}
.pro_dis p{ display:none}
.productbox .tab_menu li{line-height:34px; padding:0 10px; font-size:14px;}
}
/*第五屏*/
.page5{ background:url(../images/page5.jpg) no-repeat center center; background-size:cover; }
.page5 .container{ position:relative;}
.index_titles h2{font-size:30px; color:#fff; line-height:40px;}
.index_titles p{font-size:12px; color:#fff; line-height:16px; text-transform:uppercase; font-family:Arial;}
.index_titles{ padding-left:56px; background:url(../images/inews.png) no-repeat 0 center; margin-bottom:50%;}
.circle-main{
    width:760px;
    height:760px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.circle-out{
    position: absolute;
    left:5px;
    right:5px;
    top:5px;
    margin: auto;
    width:750px;
    height:750px;
    background:url(../images/out-1.png) center no-repeat;
        -webkit-animation: rotate-round 4s infinite;
    animation: rotate-round 4s infinite;background-size:cover;
}
.circle-in{
     position: absolute;
    left:140px;
    right:140px;
    top:140px;
    margin: auto;
    width:480px;
    height:480px;
    background:url(../images/circle.png) center no-repeat; background-size:cover;  
  -webkit-animation: rotate-round 4.5s infinite;
    animation: rotate-round 4.5s infinite;
}
.circle-inner{ width:370px; height:370px; position:absolute; left:195px;top:195px; margin:auto; background: url(../images/circle-inner.png) center no-repeat;  -webkit-animation: rotate-round2 4s infinite; animation: rotate-round2 4s infinite;}
.circle-centre{ position:absolute; width: 200px;height: 200px;left:0; right:0;top:280px; margin: auto; background: url(../images/main.png) center no-repeat; background-size:100%;}
.ismall{ display:block; width:70px; height:70px; position: absolute; cursor: pointer;}
.iltop{left:30%; margin-left: -35px; background: url(../images/t3.png) no-repeat; top:508px;}
.ileft{ left:30%; margin-left:-35px;background:url(../images/t1.png) no-repeat; top:158px;}
.iright{ left:50%; margin-left:122px;background: url(../images/t4.png) no-repeat; top:508px; }
.ani-left,.ani-top,.ani-right{ width: 133px; height: 133px; position: absolute; left: 50%;  margin-left: -67px; background: url(../images/sq-1.png) no-repeat;display: none;}
.ani-top{ background-image: url(../images/jq-1.png);}
.ani-right{ background-image: url(../images/yy-1.png);}
.irtop{ left:50%; margin-left:122px;background:url(../images/t2.png) no-repeat; top:158px;}
.circle-decipher{position: absolute;}
.circle-decipher p{font-size:18px; color: #fff;}
.circle-decipher span{ font-size:12px;color: #fff;}
.decipher-top{ top:20px; left:-175px; text-align: right;}
.decipher-left{top:20px; left:-130px; text-align: right;}
.decipher-right{top: 20px;left: 90px;text-align: left;width: 130px;}
.decipher-lrop{top: 20px;left: 90px;text-align: left;width: 130px;}
@keyframes rotate-round { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes rotate-round { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate-round2 { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }
@-webkit-keyframes rotate-round2 { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }
@media (max-width:1350px) {
.circle-main{ width:600px; height:600px;}
.circle-in{ left:60px; right:60px; top:60px;}
.circle-inner{ width:370px; height:370px; position:absolute; left:115px;top:115px;}
.circle-centre{ top:200px; }
.circle-out{ display:none;}
.ismall{ display:block; width:70px; height:70px; position: absolute; cursor: pointer;}
.iltop{left:30%; margin-left: -25px;  top:390px;}
.ileft{ left:30%; margin-left:-25px;  top:138px;}
.iright{ left:45%; margin-left:122px;  top:390px; }
.irtop{ left:45%; margin-left:122px;  top:138px;}
.index_titles{ margin-bottom:70%;}
} 
@media (max-width:990px) {
.index_titles{ margin-bottom:90%;}
}
@media (max-width:768px) {
.index_titles h2{ font-size:18px; line-height:31px;}
.index_titles{ margin-bottom:10%;}
.expart ul li{ width:50%; float:left; text-align:center; color:#fff; margin-bottom:20px;}
.expart ul li img{ display:block; margin:10px auto;}
.expart ul li h3{ font-size:16px; color:#fff; font-weight:bold; line-height:30px;}
.expart ul li p{ font-size:14px; color:#fff; line-height:20px;}
.expart ul li a{ display:block;}
}
/*尾部*/
#footer{height:340px;}
.footerss .fp-tableCell{ display:block !important;}
footer{ background-color:#f5f5f5; padding-top:30px; box-sizing:border-box; padding-left:200px;}
footer .containerd{ width:94%; margin:0 auto; padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;}
.footer_left{ display:flex; box-sizing:border-box;}
.footer_left li{width:14.2%; float:left; flex:1px; }
.footer_left li h3{font-size:18px; line-height:24px; color:#4d201a; font-weight:normal; margin:0 0 10px;}
.footer_left li h3 a{ display:block;font-size:18px; line-height:24px; color:#4d201a; font-weight:normal; margin:0 0 10px;}
.footer_left li a{ display:block; font-size:14px; line-height:30px; color:#666;  }
.footer_left li a:hover{ color:#4d201a;}
.footer_right{ box-sizing:border-box; }
.footer_right table{ width:100%;}
.footer_right tr td{ width:50%; padding:0 10px; text-align:center;}
.footer_right tr td img{ display:block; margin:0 auto;}
.footer_right tr td p{ font-size:14px; line-height:26px; color:#666;}
 /*友情链接开始*/
#cate { height:35px; line-height: 40px; text-align: left; width:300x; float:right; borde-left:1px solid #393939; border-top:0; border-bottom:0; position: relative; margin-bottom:20px;}
#cate .cate_wrp { width:180px; height:35px; line-height:35px; background-color:#d5cdcc; overflow: hidden;}
#cate .cate_inp {
	padding-left:15px;
	height:35px;
	width:145px;
	border: 0;
	border-right:none;
	color:#666;
	float: left;font-size:14px;   
}
#cate a.cate_tri:link,  #cate a.cate_tri:visited {
	width:35px;
	height:40px;
	float: left; display:block;
}
#cate .rty{
    width:34px;
    height:35px;
    float: left;
	background:url(../images/blink.png) no-repeat right center;
    display: block;
	cursor:pointer;
     }

#cate .cate_drop {
	background:#d5cdcc;
    border: 0;
    color: #eee;
    position: absolute;
    z-index: 9999999;
    width:180px;
    display: none; bottom:35px;
}
#cate .cate_drop li {
	padding-left:15px;
	color:#fff;
	line-height: 39px;
	height:39px; overflow:hidden;
    border-bottom: 1px solid #eee;
}
#cate .cate_drop li a{color:#666;font-size: 14px;}
#cate .cate_drop li:hover {
	color:#4d201a;
	cursor: pointer;
}
/*友情链接结束*/
.footer_copyright{ border-top:1px solid #d9d9d9; padding-top:10px; margin-top:30px;}
.footer_copyright p a ,.footer_copyright p{font-size:14px; line-height:26px; color:#666; margin-bottom:20px;} 
@media (max-width:1310px) {
#footer{height:380px;}
}
@media (max-width:1169px) {
footer{  padding-left:140px;}
.footer_copyright .pull-right{ display:none;}
.footer_left li h3 {font-size:16px;}
}
@media (max-width:992px) {
#footer{height:380px;}
}
@media (max-width:768px) {
#footer{  padding-left:0px;}
#footer{height:360px;}
.footer_right tr td img{ max-width:100%;}
.containerd .row{ margin:0;}
footer .containerd{ width:100%; box-sizing:border-box; }
}